<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">
	<f:loadBundle var="etiqueta" basename="etiquetas"></f:loadBundle>
	<f:loadBundle var="constante" basename="constantes"></f:loadBundle>
	<h:head>
		<title>#{etiqueta['titulo']}</title>
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/rime/rime.css" />
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/estilos.css" />
	</h:head>
	<h:body>
		<ui:include src="/menuTemplate.xhtml" />	
		<h:form>	
			<ice:panelGroup styleClass="100per centrarGrupo" >
				<div align="center">
					<ice:panelGrid style="width:80%">	
						<ice:panelGrid styleClass="100per izquierdaGrupo">
							<!-- Agregar producto -->
							<f:facet name="header">
								<div align="center">
									<ice:outputText value="#{etiqueta['recepcionMP.titulo']}" ></ice:outputText>
								</div>
							</f:facet>
							<ice:panelGrid columns="2" styleClass="100per">
								<!-- Panel info materia prima-->
								<ice:outputText value="#{etiqueta['recepcionMP.fechaRecepcion']}"></ice:outputText>
							<!--	<ice:selectInputDate 
									value="#{registroRecepcionMPBean.registrosMP.fechaRecepcion}"
									popupDateFormat="#{constante['formatoFechaCorto']}"
									renderAsPopup="true"
									renderMonthAsDropdown="true"
									renderYearAsDropdown="true">
									<f:convertDateTime pattern="#{constante['formatoFechaCorto']}" timeZone="#{registroRecepcionMPBean.timeZone}"/>
								</ice:selectInputDate>-->
								<ace:dateTimeEntry 
									id="campoFecha"
									showOn="button"
									renderAsPopup="true"
									timeZone="#{registroRecepcionMPBean.timeZone}"
									pattern="#{constante['formatoFechaCorto']}"
									rendered="true"
									navigator="true"
									popupIcon="../estilos/css/imagenes/cal_button.gif"
									popupIconOnly="true"
									value="#{registroRecepcionMPBean.registrosMP.fechaRecepcion}" 
									style="width:80%"
									timeOnly="false"
									readOnlyInputText="true"> 
								</ace:dateTimeEntry>
								<ice:outputText value="#{etiqueta['recepcionMP.proveedor']}"></ice:outputText>
								<ice:selectOneListbox
									size="1"
									value="#{registroRecepcionMPBean.registrosMP.proveedore.idproveedores}">
									<f:selectItems value="#{registroRecepcionMPBean.itemsProveedores}"></f:selectItems>
								</ice:selectOneListbox>
								
								<ice:outputText value="#{etiqueta['recepcionMP.responsable']}"></ice:outputText>
								<ice:selectOneListbox
									size="1"
									value="#{registroRecepcionMPBean.registrosMP.persona.idpersona}">
									<f:selectItems value="#{registroRecepcionMPBean.itemsResponsables}"></f:selectItems>
								</ice:selectOneListbox>
								
								<ice:outputText value="#{etiqueta['recepcionMP.condicionesVehiculo']}"></ice:outputText>
								<ice:selectOneListbox
									size="1"
									value="#{registroRecepcionMPBean.registrosMP.condicionVehiculo.idopciones}">
									<f:selectItems value="#{registroRecepcionMPBean.listaCalificaciones}"></f:selectItems>
								</ice:selectOneListbox>
								<ice:outputText value="#{etiqueta['recepcionMP.condicionesEmpaques']}"></ice:outputText>
								<ice:selectOneListbox
									size="1"
									value="#{registroRecepcionMPBean.registrosMP.condicionEmpaque.idopciones}">
									<f:selectItems value="#{registroRecepcionMPBean.listaCalificaciones}"></f:selectItems>
								</ice:selectOneListbox>
								
								<ice:outputText value="#{etiqueta['recepcionMP.certificadoCalidad']}">
								</ice:outputText>
								<ice:inputText 
									value="#{registroRecepcionMPBean.registrosMP.certificadoCalidad}">
								</ice:inputText>
								
								<ice:outputText value="#{etiqueta['recepcionMP.observaciones']}"></ice:outputText>
								<ice:inputTextarea
									value="#{registroRecepcionMPBean.registrosMP.observaciones}"
									maxlength="200">
								</ice:inputTextarea>
							</ice:panelGrid>
							
							<ace:panel
								header="#{etiqueta['recepcionMP.lineasDetalle.titulo']}"
								collapsed="#{registroRecepcionMPBean.collapsed}"
								toggleable="true">
								<f:facet name="options">
									<ace:menu id="menu">
			                            <ace:menuItem 
			                            	value="#{etiqueta['boton.agregar']}"
			                            	icon="../estilos/css/imagenes/Add-icon.png" 
			                            	actionListener="#{registroRecepcionMPBean.abrirPopupLineaDetalle}"
			                            	onclick="popupIngresoLinea.show();"
			                            	styleClass="iconsize">
			                            </ace:menuItem>
		                            </ace:menu>
								</f:facet>
								<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
									<style type="text/css">
							            /* Important required because row */
							            .ui-datatable-odd {background-color:lightgray !important;}
							        </style>
						        </ice:panelGrid>
						        
						        <ace:dataTable id="listaLineasDetalle"
									rows="10"
									var="linea"
									value="#{registroRecepcionMPBean.listaDetalleIngreso}"
									paginator="true"
						            paginatorPosition="bottom">
						            <ace:column headerText="#{etiqueta['recepcionMP.lineasDetalle.materiaPrima']}">
										<ice:outputText value="#{linea.materiaPrima.nombre}">
										</ice:outputText>
									</ace:column>
									<ace:column headerText="#{etiqueta['recepcionMP.lineasDetalle.cantidad']}">
										<ice:outputText value="#{linea.cantidad}">
										</ice:outputText>
									</ace:column>
									<ace:column headerText="#{etiqueta['recepcionMP.lineasDetalle.precioUnitario']}">
										<ice:outputText value="#{linea.precioUnitario}">
										</ice:outputText>
									</ace:column>
									<ace:column headerText="#{etiqueta['recepcionMP.lineasDetalle.precioGramo']}">
										<ice:outputText value="#{linea.precioGramo}">
										</ice:outputText>
									</ace:column>
									<ace:column headerText="#{etiqueta['recepcionMP.lineasDetalle.lote']}">
										<ice:outputText value="#{linea.lote}">
										</ice:outputText>
									</ace:column>
						        </ace:dataTable>
							</ace:panel>
							<div align="center">
								<ice:panelGrid columns="5">
									<ice:commandButton value="#{etiqueta['boton.guardar']}" actionListener="#{registroRecepcionMPBean.guardarRecepcion}"
										rendered="#{not registroRecepcionMPBean.editandoRecepcion}">
									</ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.editar']}"
										rendered="#{registroRecepcionMPBean.editandoRecepcion}" 
										actionListener="#{registroRecepcionMPBean.editarRecepcion}">
									</ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.eliminar']}"
										rendered="#{registroRecepcionMPBean.editandoRecepcion}" 
										actionListener="#{registroRecepcionMPBean.eliminarRecepcion}">
									</ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.cancelar']}"
										rendered="#{registroRecepcionMPBean.editandoRecepcion}" 
										actionListener="#{registroRecepcionMPBean.cancelarEdicionRecepcion}">
									</ice:commandButton>
								</ice:panelGrid>
								<ice:commandButton value="#{etiqueta['boton.consultar']}" actionListener="#{registroRecepcionMPBean.consultarRecepciones}">
								</ice:commandButton>
							</div>
						</ice:panelGrid>
						
						<ui:include src="../materiaPrima/lineaDetalle.xhtml" />
						<!-- Paneel para agregar una nueva linea de detalle-->
						<!--<ice:panelGroup>
							<ice:panelPopup
								visible="#{registroRecepcionMPBean.abiertoPopupLineaDetalle}"
								rendered="#{registroRecepcionMPBean.abiertoPopupLineaDetalle}"
								modal="true">
								<f:facet name="header">
									<h:panelGroup>
					                   <h:panelGroup style="float: left;">
					                       <ice:outputText value="#{etiqueta['recepcionMP.dialogo.lineaDetalle']}">
					                       </ice:outputText>
					                   </h:panelGroup>
					                   <h:panelGroup style="float: right;">
					                       <h:commandButton image="../estilos/css/imagenes/iconCloseNote.png"
						                       styleClass="iconsize"
						                       actionListener="#{registroRecepcionMPBean.cerrarPopupLineaDetalle}"/>
					                   </h:panelGroup>
					               </h:panelGroup>
								</f:facet>
								<f:facet name="body">
									<ice:panelGroup styleClass="100per">
									</ice:panelGroup>
								</f:facet>
							</ice:panelPopup>
						</ice:panelGroup>-->
						<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
							<style type="text/css">
					            /* Important required because row */
					            .ui-datatable-odd {background-color:lightgray !important;}
					        </style>
							<ace:dataTable id="listaRegistrosMP"
								rows="10"
								var="registro"
								value="#{registroRecepcionMPBean.listaRecepcionMateriaPrimas}"
								paginator="true"
					            paginatorPosition="bottom">
								<f:facet name="header">
									<div align="center">
										<ice:outputText value="#{etiqueta['recepcionMP.tabla.titulo']}"></ice:outputText>
									</div>
								</f:facet>
								
								<ace:column headerText="#{etiqueta['recepcionMP.tabla.acciones']}">
									<ice:panelGrid columns="3">
										<ice:commandButton title="#{etiqueta['boton.editar']}"
											actionListener="#{registroRecepcionMPBean.seleccionarRecepcion}"
											image="../estilos/css/imagenes/pen-16.gif">
											<f:attribute name="idRecepcion" value="#{registro.idrecepcionMateriaPrima}"/>
										</ice:commandButton>
										<ice:commandButton title="#{etiqueta['boton.eliminar']}" 
											image="../estilos/css/imagenes/Actions-edit-delete-icon.png"
											panelConfirmation="eliminarMateriaPrima"
											actionListener="#{registroRecepcionMPBean.eliminarRecepcion}" 
											styleClass="iconsize">
											<f:attribute name="idRecepcion" value="#{registro.idrecepcionMateriaPrima}"/>
										</ice:commandButton>
										
										<ice:panelConfirmation id="eliminarMateriaPrima" 
											autoCentre="true"
											acceptLabel="#{etiqueta['boton.aceptar']}"
											cancelLabel="#{etiqueta['boton.cancelar']}"
											message="#{etiqueta['recepcionMP.confirmacion.eliminar']}">
										</ice:panelConfirmation>
									</ice:panelGrid>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['recepcionMP.tabla.id']}">
									<ice:outputText value="#{registro.idrecepcionMateriaPrima}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['recepcionMP.tabla.fecha']}">
									<ice:outputText value="#{registro.fechaRecepcion}">
										<f:convertDateTime pattern="#{constante['formatoFechaCorto']}"/>
									</ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['recepcionMP.tabla.nombreProveedor']}">
									<ice:outputText value="#{registro.proveedore.nombre}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['recepcionMP.tabla.nombreResponsable']}">
									<ice:outputText value="#{registro.persona.nombres} #{registro.persona.primerApellido}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['recepcionMP.tabla.observaciones']}" >
									<ice:outputText value="#{registro.observaciones}"></ice:outputText>
								</ace:column>
							</ace:dataTable>
						</ice:panelGrid>
					</ice:panelGrid>
				</div>
			</ice:panelGroup>
		</h:form>
	</h:body>
</html>